import React from 'react';
import Svg, {G, Path, Rect, ClipPath, Circle, Defs} from 'react-native-svg';
import {BasicsProps} from './type';

type Props = {fill?: string} & BasicsProps;

const MyIcon = ({size, fill = '#FF813A'}: Props) => {
  return (
    <Svg width={size} height={size} viewBox="0 0 28 28" fill="none">
      <G
        id="&#228;&#184;&#170;&#228;&#186;&#186;&#228;&#184;&#173;&#229;&#191;&#131;-1"
        clip-path="url(#clip0_47_1185)">
        <Circle
          id="Ellipse 217"
          cx="14"
          cy="14"
          r="11.25"
          stroke={fill}
          stroke-width="1.5"
        />
        <Rect
          id="Rectangle 778"
          x="10"
          y="9"
          width="2"
          height="5"
          rx="1"
          fill={fill}
        />
        <Path
          id="Union"
          fill-rule="evenodd"
          clip-rule="evenodd"
          d="M18.7072 9.29289C18.3166 8.90237 17.6835 8.90237 17.293 9.29289L15.8829 10.7029C15.8815 10.7043 15.8801 10.7057 15.8787 10.7071C15.4882 11.0976 15.4882 11.7308 15.8787 12.1213L17.2929 13.5355C17.6834 13.9261 18.3166 13.9261 18.7071 13.5355C19.0977 13.145 19.0977 12.5118 18.7071 12.1213L18 11.4142L18.7072 10.7071C19.0977 10.3166 19.0977 9.68342 18.7072 9.29289Z"
          fill={fill}
        />
      </G>
      <Defs>
        <ClipPath id="clip0_47_1185">
          <Rect width="28" height="28" fill="white" />
        </ClipPath>
      </Defs>
    </Svg>
  );
};

export default MyIcon;
